  $(document).ready(function(){
    $(".dh_ul li").eq(3).hover(function(){
    $("#daibiao").show(1000);
    $("#daibiao").mouseover(function(){
      $(this).css("display","block");
    });
    $("#daibiao").mouseout(function(){
      $(this).css("display","none");
    });
  },function(){
    $("#daibiao").hide();
  });
    //选项卡
    
    $("#tabs ul li").eq(0).click(function(){
        $(this).css("background","#fff");
        $(this).siblings().css("background","#ffff00");
        $("#tabs-1").show();
        $("#tabs-2").hide();
        $("#tabs-3").hide();
    });
    $("#tabs ul li").eq(1).click(function(){
        $(this).css("background","#fff");
        $(this).siblings().css("background","#ffff00");
        $("#tabs-2").show();
        $("#tabs-1").hide();
        $("#tabs-3").hide();
    });
    $("#tabs ul li").eq(2).click(function(){
        $(this).css("background","#fff");
        $(this).siblings().css("background","#ffff00");
        $("#tabs-3").show();
        $("#tabs-2").hide();
        $("#tabs-1").hide();
    });

    // 留言
  	// console.log(Math.floor(Math.random()*4+1));
  	var n=new Date();
    $("#button").bind("click",function(){
      var num=Math.floor(Math.random()*4+1);
      var now=new Date();
      var h=now.getHours();
      var s=now.getSeconds();
      $.post("forum.php",$("#form1").serialize(),function(data){
        $("#ddiv").prepend("<div class='dcon clearfix'><img class='dpic' src='./images/t"+num+".png'><div class='dword'>标题："+data.title+"<br/>用户名："+data.username+"<br/>留言内容："+data.content+"</div><div class='dtime'>"+h+":"+s+"</div></div>")
      },"json")
    })
      
    //文章  
    //点击管理按钮

    function checkLogin(){
      $.get("manager.txt",function(data,textStatus) {
          //data参数保存了服务器返回的结果
          var user_str=data;
          var user_info=user_str.split(";");
          var Flag=false;
          if (user_info[0]==$("input[name=myName]").val()&&user_info[1]==$("input[name=myPwd]").val()) {
              Flag=true;
          }
          if(Flag) {
            $(".login").hide();
            $("#mask").remove();
            $(".m").show();            
          }else{
            alert("登录失败！");
          }
      })
    }
    
    $("#manage").click(function(){
        $(".login").show();
        $("<div id='mask'></div>").appendTo($("body"));
          //获取当前文档页面宽度、高度
          var maskWidth=$(document).width();
          var maskHeight=$(document).height();
          $("#mask").css({
            "background":"#000",
            "opacity":0.6,
            "width":maskWidth,
            "height":maskHeight,
            "z-index":2,
            "position":"absolute",
            "left":0,
            "top":0
          })
    });
    $("input[name=submitButton]").click(function(){
        checkLogin();
    });
    $("input[name=submitButton2]").click(function(){
        $(".login").hide();
        $("#mask").remove();
    });              
    function changeColor(){
        $("#tabs-3 tr:first").css({"background":"#cc6600","color":"#ffffff","fontWeight":"bold"});
        $("#tabs-3 tr:not(:first):not(:last):even").css("background","#ffcc66");
        $("#tabs-3 tr:not(:first):not(:last):odd").css("background","#ffff99");
      }
  	  $(function(){
  	  	changeColor();
        $("input[type='button']").css({"background":"#ffff66","border":"1px solid #ffcc66"});
  	  	//此为表格行模板，设置它为隐藏，
        //以便将所有信息删除后，新增时表格内容不会错位
        $(".display").hide();
        //点击增加按钮
        $("input[value='增加']").bind("click",function(){          
          var inputVal=[];
          $("#tabs-3 tr:last").find("input").not("[value='增加']").each(function(){
            inputVal.push($(this).val());
          })
          //增加按钮所在父类前面的兄弟元素 的长度tdLen
          var tdLen=$(this).parent().prevAll().length;
          var tdText="";
          for(var i=0;i<tdLen;i++){
            tdText+="<td>"+inputVal[i]+"</td>";
          }
          var tdBtn=$("<td></td>");
          $("#tabs-3 tr:eq(1)").find("input").each(function(){
            tdBtn.append($(this).clone(true)).append(" ");
          })
          $("<tr></tr>").append(tdText).append(tdBtn).insertBefore($("#tabs-3 tr:last"));
          $("#tabs-3 tr:last").find("input").not(":last").each(function(){
            $(this).val("");
          })
          changeColor();
        })
  	  	$("input[value='删除']").bind("click",function(){
  	  		$(this).parent().parent().remove();
  	  		changeColor();
  	  	})

  	  	$("input[value='修改']").bind("click",function(){
  	  		if($(this).val()=="修改"){
  	  			//按钮文字改为“确定”，td单元格中改为文本框
  	  			$(this).val("确定");
  	  			var $tds=$(this).parent().siblings();
  	  			for(var i=0;i<$tds.length;i++){
  	  				var $td=$tds.eq(i);     /*  $td为jq对象*/
  	  				$td.html("<input value='"+$td.text()+"'/>");
  	  			}

  	  		}else{
  	  			$(this).val("修改");
  	  			var $tds=$(this).parent().siblings();
  	  			for(var i=0;i<$tds.length;i++){
  	  				var $td=$tds.eq(i);
  	  				$td.text($td.find("input").val());
  	  			}
  	  		}
  	  	})
  	  	$("input[value='查看']").bind("click",function(){
  	  		$("<div id='mask'></div>").appendTo($("body"));
  	  		//获取当前文档页面宽度、高度
  	  		var maskWidth=$(document).width();
  	  		var maskHeight=$(document).height();
  	  		$("#mask").css({
  	  			"background":"#000",
  	  			"opacity":0.6,
  	  			"width":maskWidth,
  	  			"height":maskHeight,
  	  			"z-index":2,
  	  			"position":"absolute",
  	  			"left":0,
  	  			"top":0
  	  		})
  	  		var arr=[];
  	  		$(this).parent().siblings().each(function(){
  	  			arr.push($(this).text());
  	  		})
  	  		
  	  		$("#tabs-3 .popDiv").show().find("span").each(function(i){
  	  			$(this).text(arr[i]);
  	  		});
  	  		$("#tabs-3 .close").click(function(){
  	  			$("#tabs-3 .popDiv").hide();
  	  			$("#mask").remove();
  	  		});
  	  	})
  	  })
  	  	
  })
  var falseStr="填写有误";
  var trueStr="填写正确";
  function checkUserName(){
    var inputSrt="input[name=username]";
    $(".tip").eq(0).next().empty();
    if($(inputSrt).val().length>3&&$(inputSrt).val().length<50){
      $(".tip").eq(0).append(trueStr).css("color","green");
    }else if($(inputSrt).val().length==0){
      $(".tip").eq(0).append("不能为空").css("color","red");
    }else{
      $(".tip").eq(0).append(falseStr).css("color","red");
    }
  }
  function checkTitle(){
    var inputSrt="input[name=title]";
    $(inputSrt).next().empty();
    if($(inputSrt).val().length>3&&$(inputSrt).val().length<50){
      $(inputSrt).next().append(trueStr).css("color","green");
    }else if($(inputSrt).val().length==0){
      $(inputSrt).next().append("不能为空").css("color","red");
    }else{
      $(inputSrt).next().append(falseStr).css("color","red");
    }
  }
  function checkContent(){
    $("#content").next().empty();
    if($("textarea").val().length<140&&$("textarea").val().length>0){
      $("textarea").next().append(trueStr).css("color","green");
    }else if($("textarea").val().length==0){
      $("textarea").next().append("不能为空").css("color","red");
    }else{
      $("textarea").next().append(falseStr).css("color","red");
    }
  }